<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="预售额" name="first">
      <table1></table1>
    </el-tab-pane>
    <el-tab-pane label="人员成本" name="second">
      <table2></table2>
    </el-tab-pane>
    <el-tab-pane label="物料成本" name="third">
      <table3></table3>
    </el-tab-pane>
    <el-tab-pane label="场地成本" name="fourth">场地成本</el-tab-pane>
  </el-tabs>
</template>
<script>
import Table1 from './table1'
import Table2 from './table2'
import Table3 from './table3'

  export default {
    data() {
      return {
        activeName: 'second'
      };
    },
    components:{
      Table1,
      Table2,
      Table3
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>